<script setup lang="ts">

import Blog_login_form from "@/components/admin/blog_login_form.vue";
import {ref} from "vue";

const props = defineProps({
  visible: {
    type: Boolean
  }
})
const emits = defineEmits(["update:visible"])

const blogLoginForm = ref()

function close() {
  emits("update:visible", false)
  blogLoginForm.value.formReset()
}

</script>

<template>
  <a-modal class="blog_login_model" width="400px" :visible="props.visible" title="用户登录" :footer="false"
           @cancel="close">
    <blog_login_form @ok="close" ref="blogLoginForm"></blog_login_form>
  </a-modal>
</template>

<style lang="scss">
.blog_login_model {
  .arco-modal-header {
    display: none;
  }
}
</style>
